//层次选择器
$(function(){
    //1.后代选择器，书的作者和简介变成红色 所有的p都会变
    $(".textRight p").css("color","red")

    //2、子选择器
  $('.textRight>p').css('color', 'blue')

  //3、相邻兄弟先择器（只找后面一个兄弟元素）
  $('.textRight>h1+p').css('font-weight', 'bolder')

  //4、同辈选择器（只找后面的兄弟元素）
  $('.textRight>h1~p').click(function () {
    //原生写法
    //this.style.textDecoration = 'underline'
    //console.log(this)
    //jQuery设置样式
    $(this).css('text-decoration', 'underline')
  })
})